{% extends "base.html" %}

{% block title %}Kategorijų sąrašas - {{ application_name }}{% endblock %}

{% block head %}
	{% if debug %}
		<script src="/static/javascript/debug/browser.js" type="text/javascript"></script>
		<script src="/static/javascript/debug/dialog.js" type="text/javascript"></script>
		<script src="/static/javascript/debug/dom.js" type="text/javascript"></script>
		<script src="/static/javascript/debug/event.js" type="text/javascript"></script>
		<script src="/static/javascript/debug/lang.js" type="text/javascript"></script>
		<script src="/static/javascript/debug/offscreen.js" type="text/javascript"></script>
		<script src="/static/javascript/debug/tasklist.js" type="text/javascript"></script>
	{% else %}
		<script src="/static/javascript/biblioteka.js" type="text/javascript"></script>
	{% endif %}


	<script type="text/javascript">
	//<![CDATA[

	function naujaKategorija() {
		var form = document.getElementById("kategorijosforma");
		var dialog = document.getElementById("kategorijosforma_dialog");
		DialogBox.instance().show(dialog, function() {
			form["kodas"].focus();
		});
	}

	function importuoti() {
		var form = document.getElementById("importavimoforma");
		var dialog = document.getElementById("importavimoforma_dialog");
		DialogBox.instance().show(dialog, function() {
			form["failas"].focus();
		});
	}

	//]]>
	</script>

{% endblock %}

{% block body %}
	<div class="menu">
		<span class="item"><a href="javascript:naujaKategorija()">Nauja kategorija</a></span>
		<span class="item"><a href="javascript:importuoti()">Kategorijų importavimas</a></span>
		<span class="item"><a href="kategorijos.csv">Kategorijų eksportavimas</a></span>
	</div>

	<form action="kategorijuistrynimas.do" method="post">
		<div class="inbox">
			<input type="hidden" name="next" value="{{ request.uri|escape }}"/>
			<div class="buttons top">
				<div class="left corner"></div>
				<div class="right corner"></div>
				<div class="info">
					<span class="count">{{ kategorijos|length }} kategorija (-os)</span>
				</div>
				<span class="button"><input type="submit" name="action" value="Ištrinti" onclick="return confirm('Ar tikrai norite neatstatomai ištrinti pažymėtas knygas?')"/></span>
				<span id="publish_info" style="margin-left: 0.5em">Viešai prieinama kaip <a href="{{ request.uri|escape }}?output=html">HTML</a></span>
			</div>
			<div class="table">
				<table>
					<tr>
						<th class="checkbox"><input type="checkbox" onclick="pazymeti(this.checked)"/></th>
						<th>Kodas</th>
						<th>Pavadinimas</th>
						<th>Raktiniai žodžiai</th>
					</tr>
					{% for kategorija in kategorijos %}
						<tr id="row{{ forloop.counter }}">
							<td class="checkbox"><input class="kategorijacheckbox" type="checkbox" name="kategorija" value="{{ kategorija.key }}" id="checkbox{{ forloop.counter }}" onclick="atnaujintiParyskinima(this, document.getElementById('row{{ forloop.counter }}'))"/></td>
							<td class="kodas">
								{{ kategorija.kodas }}
							</td>
							<td class="main">
								<div class="pavadinimas">{{ kategorija.pavadinimas|escape }}</div>
							</td>
							<td class="raktiniai">
								{% if kategorija.raktiniai %}{{ kategorija.raktiniai|escape }}{% endif %}
							</td>
						</tr>
						{% if kategorija.pastabos %}
						<tr>
							<td class="checkbox"></td>
							<td class="kodas"></td>
							<td colspan="2" class="pastabos">
								{{ kategorija.pastabos|escape|linebreaksbr }}
							</td>
						</tr>
						{% endif %}
					{% endfor %}
				</table>
				{% if not kategorijos %}
					<div class="message">Kategorijų saraše nieko nėra. Norėdami pradėti, <a href="javascript:naujaKategorija()">sukurkite naują kategoriją</a>.</div>
				{% endif %}
			</div>
			<div class="buttons bottom">
				<div class="left corner"></div>
				<div class="right corner"></div>
				<span class="button"><input type="submit" name="action" value="Ištrinti" onclick="return confirm('Ar tikrai norite neatstatomai ištrinti pažymėtas knygas?')"/></span>
			</div>
		</div>
	</form>

	<div id="kategorijosforma_dialog" class="dialog" style="display: none">
		<div class="title">Nauja kategorija</div>
		<div class="content">
			<form action="/kategorijossukurimas.do" method="post" id="kategorijosforma">
				<div class="form">
					<div class="field">
						<div class="name">Kodas</div>
						<div class="value"><input name="kodas" type="text" size="4"/></div>
					</div>
					<div class="field">
						<div class="name">Pavadinimas</div>
						<div class="value"><input name="pavadinimas" type="text" size="70"/></div>
					</div>
					<div class="field">
						<div class="name">Pastabos</div>
						<div class="value">
							<textarea name="pastabos" cols="70" rows="3"></textarea>
						</div>
					</div>
					<div class="field">
						<div class="name">Raktiniai žodžiai</div>
						<div class="value"><input name="raktiniai" type="text" size="70"/></div>
					</div>
					<div class="buttons">
						<span class="button"><input type="submit" name="action" value="Sukurti kategoriją"/></span>
						<span class="button"><input type="button" value="Atšaukti" onclick="DialogBox.instance().close()"/></span>
					</div>
				</div>
			</form>
		</div>
	</div>

	<div id="importavimoforma_dialog" class="dialog" style="display: none">
		<div class="title">Importuotavimas</div>
		<div class="content">
			<form action="/kategorijuimportavimas.do" method="post" enctype="multipart/form-data" id="importavimoforma">
				<div class="form">
					<div class="field">
						<div class="name">Failas</div>
						<div class="value"><input name="failas" type="file" /></div>
					</div>
					<div class="field">
						<div class="name">Ištrinti visas knygas prieš importuojant</div>
						<div class="value"><input name="istrinti" type="checkbox" /></div>
					</div>
					<div class="buttons">
						<input type="hidden" name="next" value="{{ request.uri|escape }}"/>
						<span class="button"><input type="submit" name="action" value="Importuoti"/></span>
						<span class="button"><input type="button" value="Atšaukti" onclick="DialogBox.instance().close()"/></span>
					</div>
				</div>
			</form>
		</div>
	</div>

{% endblock %}

